<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3635623_a60oespn7qp.css?spm=a313x.7781069.1998910419.53&file=font_3635623_a60oespn7qp.css">
</head>
<body>
    <div class="all">
        <div class="all-item all-left">
            <div>
                <img class="auto-img" src="https://img11.360buyimg.com/babel/s380x300_jfs/t1/181595/29/5122/90113/60a611c2Edbe5dcf2/38aec127b8a2a488.jpg.avif" alt="">
            </div>
            <div>
                <img class="auto-img" src="https://img14.360buyimg.com/babel/s380x300_jfs/t1/160770/3/9738/70782/6041f844Ed4f07b40/db75696e3665c916.jpg.avif" alt="">
            </div>
            <div>
                <img class="auto-img" src="https://img13.360buyimg.com/babel/s380x300_jfs/t1/96983/40/21058/99053/61d57a93Ed5d47c2f/ffce68b5ad102f55.png.avif" alt="">
            </div>
            <span><i class="iconfont icon-lunbozuofangun"></i></span>
            <span><i class="iconfont icon-lunboyoufangun"></i></span>
        </div>
        <div class="all-item all-right">
            <div class="all-right-first">
                <div class="all-right-first-img">
                    <img class="auto-img" src="" alt="">
                </div>
                <div class="all-right-first-text">
                    <p>Hi~欢迎逛京东！</p>
                    <p><span>登录</span><span>|</span><span>注册</span></p>
                </div>
            </div>
            <div class="all-right-second">
                <span>新人福利</span>
                <span>PLUS会员</span>
            </div>
            <div class="line"></div>
            <div class="all-right-three">
                <div class="all-right-three-head"><span>京东快报</span><span>更多 ></span></div>
                <div class="all-right-three-content"><span>HOT</span>穿背心格局要大，火辣百搭又酷又飒！</div>
                <div class="all-right-three-content"><span>HOT</span>你的鞋柜里，还缺一双时髦的老爹鞋！</div>
                <div class="all-right-three-content"><span>HOT</span>戴尔XPS大屏高端触控本，17英寸12代酷睿处理器</div>
                <div class="all-right-three-content"><span>HOT</span>华硕笔记本，为你的办公提供更高的效率</div>
            </div>
            <div class="line"></div>
            <div class="all-right-last">
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/40738/20/14562/826/5d773a01E09eb8121/d6f3909618c6307a.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/45316/3/388/884/5cd4f25eEea4c67ed/671f7c186c5e9b01.png" alt="">
                    </div>
                    <div>企业购</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/64347/37/9953/720/5d7739a6Ef5f451d6/4e2bc2d96b0fbbec.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/45423/33/385/778/5cd4f265E442a9342/0aff0a42cece09ee.png" alt="">
                    </div>
                    <div>话费</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/57014/6/10297/815/5d773a07Ec7a61fc9/97917a2daa34be0f.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/55911/31/402/858/5cd4f23eE6f536460/5da079255c6dfabe.png" alt="">
                    </div>
                    <div>礼品卡</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/50019/25/10190/3699/5d7739d7Ed503c6cc/6aa3afbe6c3a0951.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/57520/8/375/4092/5cd4f1d8Ea1266047/1c590322ece537ba.png" alt="">
                    </div>
                    <div>游戏</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/49654/24/10325/2901/5d7739caE0db5e87b/d9d908ad415a5265.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/34261/15/10242/3120/5cd4f256E10257aba/8f3f63ae04ff19af.png" alt="">
                    </div>
                    <div>机票</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/56296/3/10260/1443/5d7739f3E233abc53/e6976f3cb30c9a8a.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/39983/24/6834/1596/5cd4f247E8cf89f1e/b8a8418d5418f471.png" alt="">
                    </div>
                    <div>白条</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/51584/31/10221/1685/5d7739e7E1adb25cd/1d0957d7f2ae01a2.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/50929/1/374/1847/5cd4f1eaE5daf90db/cebbff76b25dc22e.png" alt="">
                    </div>
                    <div>众筹</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/71890/14/9897/3048/5d7739ddE93eb94f8/f1f6dc5c207329f9.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/36002/35/9106/3311/5cd4f1bdE06ff07ed/9570fdd46ecd3a76.png" alt="">
                    </div>
                    <div>加油卡</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/52668/12/10399/979/5d7739d1Efd1b6a04/18668c963bf9d646.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/44601/19/915/1039/5cd4f1cfE2e46473c/b61f083872a7a1de.png" alt="">
                    </div>
                    <div>酒店</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/45761/32/10307/1581/5d7739e2Ece4b6671/0004c1b85fbf7bde.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/58891/36/278/1745/5cd4f1e0Ef4cc50a7/f12276b17e5dcf3b.png" alt="">
                    </div>
                    <div>火车票</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png" alt="">
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/41106/15/4551/3300/5cd4f1c7E507148c7/90a218f053e903d2.png" alt="">
                    </div>
                    <div>电影票</div>
                </div>
                <div>
                    <div>
                        <img class="auto-img" src="https://m.360buyimg.com/babel/jfs/t1/9966/19/18575/2703/62fb7416E91849618/14a4b81a50f2a535.png" alt="">
                        <img class="auto-img" src="https://img12.360buyimg.com/imagetools/jfs/t1/164234/18/29348/2711/62fb6f56E9e45a090/454c7d913a51126b.png" alt="">
                    </div>
                    <div>五金城</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>